<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>停车费</title>
  <script type="text/javascript" src="/js/jquery.min.js"></script>
  <script type="text/javascript" th:inline="javascript">
    var appId = '${appId}';
    var timeStamp = '${timeStamp}';
    var nonceStr = '${nonceStr}';
    var packages = '${package}';
    var signType = '${signType}';
    var paySign = '${paySign}';
    var localOrderNo = '${localOrderNo}';
    var localWindowPage = '${localWindowPage}';

    function onBridgeReady() {
      WeixinJSBridge.invoke(
          'getBrandWCPayRequest', {
            "appId": appId,     //公众号名称，由商户传入
            "timeStamp": timeStamp,         //时间戳，自1970年以来的秒数
            "nonceStr": nonceStr, //随机串
            "package": packages,
            "signType": signType,         //微信签名方式：
            "paySign": paySign //微信签名
          },
          function (res) {
            if (res.err_msg == "get_brand_wcpay_request:ok") {
              // 使用以上方式判断前端返回,微信团队郑重提示：
              //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
              window.location.href = localWindowPage + localOrderNo;
            } else if (res.err_msg == "get_brand_wcpay_request:cancel") {
              window.history.go(-1);
            } else if (res.err_msg == "get_brand_wcpay_request:fail"){
              alert("支付失败");
            }
          });
    }

    if (typeof WeixinJSBridge == "undefined") {
      if (document.addEventListener) {
        document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
      } else if (document.attachEvent) {
        document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
        document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
      }
    } else {
      onBridgeReady();
    }
  </script>
</head>
<body>

</body>
</html>